<template>
  <div class="subtitle">
    <slot name="icon"></slot>
    <h2>{{title}}</h2>
  </div>
</template>

<script setup>
import { defineProps } from 'vue'

let props = defineProps(['title'])
let { title } = props

</script>

<style scoped>
.subtitle {
  display: flex;
  align-items: center;
}
.subtitle h2{
  margin-left: 10px;
}
</style>
